@import 'antd/es/style/themes/default.less';
.container {
  padding: 0 64px;
}
.line {
  font-size: @font-size-base;
  line-height: 20px;

  position: relative;

  box-sizing: border-box;
  min-height: 32px;
  padding: 6px 0 6px 24px;
  &.respondent {
    .label {
      background-color: @vice-6;
    }
    .list {
      color: @vice-6;
    }
  }
}
.label {
  font-size: 12px;

  position: absolute;
  top: 6px;
  left: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;

  color: #fff;
  border-radius: 50%;
  background-color: @primary-color;
}
.list {
  color: @primary-color;
}
.person {
  & + .person {
    &::before {
      content: '、';
    }
  }
  &.disabled {
    .person-name {
      text-decoration: line-through;
    }
  }
}
.person-name {
  cursor: pointer;
}
.agent-list {
  &::before {
    content: '（代理人：';
  }
  &::after {
    content: '）';
  }
}
